import styled from "styled-components";

export const MyMusicPage = styled.div`
  width: 980px;
  min-height: 700px;
  margin: 0 auto;
  background-color: #fff;
  border: 1px solid #d3d3d3;
  border-width: 0 1px;
  .myMusic {
    display: flex;
    border-left: 1px solid #d3d3d3;
    border-right: 1px solid #d3d3d3;
    background-color: #fff;
  }
  .n-msuic {
    width: 807px;
    height: 372px;
    margin: 0 auto 0;
    padding-top: 104px;
    background: url(${require("@/assets/img/mymusic.png").default}) no-repeat 0
      9999px;
    background-position: 0 104px;
    .btn {
      display: block;
      width: 167px;
      height: 45px;
      margin: 205px 0 0 482px;
      text-indent: -9999px;
      :hover {
        background: url(${require("@/assets/img/mymusic.png").default}) 0 0
          no-repeat;
        background-position: 0 -281px;
      }
    }
  }
`;
